<script lang="tsx">
import {Component, Vue, Model} from 'vue-property-decorator'
import Child from "./Child.vue"
import {Zujian} from "./zujian.js";

@Component
export default class App extends Vue {
    // 函数式组件


    render() {

        const numbers = [1, 2, 3, 4, 5];
        const listItems = numbers.map((number) => {
                return (
                    <li key={number.toString()}>
                        {number}
                    </li>
                )
            }
        );
        console.log(numbers)
        return (
            <div>
                {listItems}
                <Zujian/>
            </div>
        )
    }

    val!: string
}
</script>

<style scoped>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
}
</style>
